<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="ty" uri="/tuyou"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<!doctype html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>涂有的博客</title>
		<meta name="keywords" content="涂有,博客,涂有世界,涂有的博客">
		<meta name="description" content="涂有,博客,涂有世界,涂有的博客">
		<link rel="stylesheet" type="text/css" href="/front/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="/front/css/nprogress.css">
		<link rel="stylesheet" type="text/css" href="/front/css/style.css">
		<link rel="stylesheet" type="text/css" href="/front/css/font-awesome.min.css">
		<link rel="apple-touch-icon-precomposed" href="/front/images/icon.png">
		<link rel="shortcut icon" href="/front/images/favicon.ico">
		<script src="/front/js/jquery-2.1.4.min.js"></script>
		<script src="/library/TuYou.js"></script>
		<script src="/front/js/nprogress.js"></script>
		<script src="/front/js/jquery.lazyload.min.js"></script>
		<!--[if gte IE 9]>
		<script src="/front/js/jquery-1.11.1.min.js" type="text/javascript"></script>
		<script src="/front/js/html5shiv.min.js" type="text/javascript"></script>
		<script src="/front/js/respond.min.js" type="text/javascript"></script>
		<script src="/front/js/selectivizr-min.js" type="text/javascript"></script>
		<![endif]-->
		<!--[if lt IE 9]>
		<script>window.location.href='upgrade-browser.html';</script>
		<![endif]-->
	</head>
	<body class="user-select single">
		<header class="header">
			<nav class="navbar navbar-default" id="navbar">
				<div class="container">
					<!-- <div class="header-topbar hidden-xs link-border">
						<ul class="site-nav topmenu">
							<li><a href="#">标签云</a></li>
							<li><a href="#" rel="nofollow">读者墙</a></li>
							<li><a href="#" title="RSS订阅"> <i class="fa fa-rss"></i>RSS订阅</a></li>
						</ul>
						勤记录 懂分享
					</div> -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse" data-target="#header-navbar" aria-expanded="false">
							<span class="sr-only"></span> <span class="icon-bar"></span> 
							<span class="icon-bar"></span> <span class="icon-bar"></span>
						</button>
						<h1 class="logo hvr-bounce-in">
							<a href="#" title="涂有的博客">
								<img src="/front/images/logo.jpg" alt="涂有的博客" width="162px">
							</a>
						</h1>
					</div>
					<div class="collapse navbar-collapse" id="header-navbar">
						<form class="navbar-form visible-xs" action="/Search" method="post">
							<div class="input-group">
								<input type="text" name="keyword" class="form-control"
									placeholder="请输入关键字" maxlength="20" autocomplete="off">
								<span class="input-group-btn">
									<button class="btn btn-default btn-search" name="search"
										type="submit">搜索</button>
								</span>
							</div>
						</form>
						<ul class="nav navbar-nav navbar-right">
							<li><a data-cont="涂有的博客" title="涂有的博客" href="/front/index.jsp">首页</a></li>
							<!-- <li><a data-cont="列表页" title="列表页" href="/front/list.jsp">列表页</a></li>
							<li><a data-cont="详细页" title="详细页" href="/front/show.jsp">详细页</a></li>
							<li><a data-cont="404" title="404" href="/front/404.jsp">404</a></li> -->
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<section class="container">
			<div class="content-wrap">
				<div class="content">
					<header class="article-header">
						<h1 class="article-title">
							<ty:article var="article" type="getOne" value="${param.id }"/>
							<a href="#" title="${article.title }">${article.title }</a>
						</h1>
						<div class="article-meta">
							<span class="item article-meta-time"> 
								<time class="time"
									data-toggle="tooltip" data-placement="bottom" title="${article.title }"
									data-original-title="发表时间：<fmt:formatDate value="${article.createTime }" pattern="yyyy-MM-dd HH:mm:ss"/>">
									<i class="glyphicon glyphicon-time"></i> <fmt:formatDate value="${article.createTime }" pattern="yyyy-MM-dd"/>
								</time>
							</span> 
							<span class="item article-meta-source" data-toggle="tooltip"
								data-placement="bottom" title="" data-original-title="来源：涂有的博客">
								<i class="glyphicon glyphicon-globe"></i> 涂有的博客
							</span> 
							<span
								class="item article-meta-views" data-toggle="tooltip"
								data-placement="bottom" title="" data-original-title="浏览量：${article.viewCount }">
								<i class="glyphicon glyphicon-eye-open"></i>&nbsp;&nbsp;${article.viewCount }
							</span> 
							<span
								class="item article-meta-comment" data-toggle="tooltip"
								data-placement="bottom" title="" data-original-title="评论量：${article.commentCount }">
								<i class="glyphicon glyphicon-comment"></i>&nbsp;&nbsp;${article.commentCount }
							</span>
						</div>
					</header>
					<article class="article-content">
						<!-- <div class="article-tags">
							标签：<a href="#list/2/" rel="tag">DTcms博客</a>
								<a href="#list/3/" rel="tag">涂有的博客</a>
								<a href="#list/4/" rel="tag">独立博客</a>
								<a href="#list/5/" rel="tag">修复优化</a>
						</div> -->
						${article.content }
						<div class="bdsharebuttonbox">
							<a href="#" class="bds_more" data-cmd="more"></a><a href="#"
								class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a
								href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a
								href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a
								href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a
								href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a
								href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
						</div>
	
						<script>
							window._bd_share_config = {
								"common" : {
									"bdSnsKey" : {},
									"bdText" : "",
									"bdMini" : "2",
									"bdMiniList" : false,
									"bdPic" : "",
									"bdStyle" : "1",
									"bdSize" : "32"
								},
								"share" : {}
							}; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=0.js?cdnversion=' + ~(-new Date() / 36e5)];
						</script>
					</article>
					<div class="relates">
						<div class="title">
							<h3>相关推荐</h3>
						</div>
						<ul>
							<ty:article var="articles" type="queryRecommend"/>
							<c:forEach items="${articles }" var="article">
							<li><a href="/front/show.jsp?id=${article.id }" title="${article.title }">${article.title }</a></li>
							</c:forEach>
						</ul>
					</div>
					<div class="title" id="comment">
						<h3>评论</h3>
					</div>
					<div id="respond">
						<form id="comment-form" name="comment-form" action="" method="POST">
							<div class="comment">
								<input name="" id="" class="form-control" size="22"
									placeholder="您的昵称（必填）" maxlength="15" autocomplete="off"
									tabindex="1" type="text"> <input name="" id=""
									class="form-control" size="22" placeholder="您的网址或邮箱（非必填）"
									maxlength="58" autocomplete="off" tabindex="2" type="text">
								<div class="comment-box">
									<textarea placeholder="您的评论或留言（必填）" name="comment-textarea"
										id="comment-textarea" cols="100%" rows="3" tabindex="3"></textarea>
									<div class="comment-ctrl">
										<div class="comment-prompt" style="display: none;">
											<i class="fa fa-spin fa-circle-o-notch"></i> <span
												class="comment-prompt-text">评论正在提交中...请稍后</span>
										</div>
										<div class="comment-success" style="display: none;">
											<i class="fa fa-check"></i> <span class="comment-prompt-text">评论提交成功...</span>
										</div>
										<button type="submit" name="comment-submit" id="comment-submit"
											tabindex="4">评论</button>
									</div>
								</div>
							</div>
						</form>
	
					</div>
					<div id="postcomments">
						<ol id="comment_list" class="commentlist">
							<li class="comment-content"><span class="comment-f">#2</span>
								<div class="comment-main">
									<p>
										<a class="address" href="#" rel="nofollow" target="_blank">涂有的博客</a>
										<span class="time">(2016/10/28 11:41:03)</span><br>不错的网站主题，看着相当舒服
									</p>
								</div>
							</li>
							<li class="comment-content"><span class="comment-f">#1</span>
								<div class="comment-main">
									<p>
										<a class="address" href="#" rel="nofollow" target="_blank">涂有的博客</a>
										<span class="time">(2016/10/14 21:02:39)</span><br>博客做得好漂亮哦！
									</p>
								</div>
							</li>
						</ol>
					</div>
				</div>
			</div>
			<aside class="sidebar">
				<div class="fixed">
					<div class="widget widget-tabs">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#notice" aria-controls="notice" role="tab" data-toggle="tab" draggable="false">统计信息</a>
							</li>
							<li role="presentation">
								<a href="#contact" aria-controls="contact" role="tab" data-toggle="tab" draggable="false">联系站长</a>
							</li>
						</ul>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane contact active" id="notice">
								<ty:article var="count" type="totalCount"/>
								<h2>日志总数: ${count }篇</h2>
								<h2>
									创立	日期：<span id="sitetime">2016年12月12日</span>
								</h2>
							</div>
							<div role="tabpanel" class="tab-pane contact" id="contact">
								<h2>
									QQ: <a href="" target="_blank" rel="nofollow"
										data-toggle="tooltip" data-placement="bottom" title=""
										draggable="false" data-original-title="QQ:497122758">497122758</a>
								</h2>
								<h2>
									Email: <a href="mailto:497122758@qq.com" target="_blank"
										data-toggle="tooltip" rel="nofollow" data-placement="bottom"
										title="" draggable="false"
										data-original-title="Email:497122758@qq.com">497122758@qq.com</a>
								</h2>
							</div>
						</div>
					</div>
					<div class="widget widget_search">
						<form class="navbar-form" action="/Search" method="post">
							<div class="input-group">
								<input type="text" name="keyword" class="form-control" size="35"
									placeholder="请输入关键字" maxlength="15" autocomplete="off">
								<span class="input-group-btn">
									<button class="btn btn-default btn-search" name="search"
										type="submit">搜索</button>
								</span>
							</div>
						</form>
					</div>
				</div>
				<div class="widget widget_hot">
					<h3>最新评论文章</h3>
					<ul>
						<ty:article var="articles" type="queryNewest"/>
						<c:forEach items="${articles }" var="article">
						<li>
							<a title="${article.title }" href="#">
								<span class="thumbnail">
									<img class="thumb" data-original="/upload/Article/${article.cover }" src="/upload/Article/${article.cover }" alt="${article.title }" style="display: block;">
								</span>
								<span class="text">${article.title }</span>
								<span class="muted">
									<i class="glyphicon glyphicon-time"></i>&nbsp;&nbsp;<fmt:formatDate value="${article.createTime }" pattern="yyyy-MM-dd"/>
								</span>
								<span class="muted">
									<i class="glyphicon glyphicon-eye-open"></i>&nbsp;&nbsp;${article.viewCount }
								</span>
							</a>
						</li>
						</c:forEach>
					</ul>
				</div>
				<!-- <div class="widget widget_sentence">
					<a href="#" target="_blank" rel="nofollow" title="MZ-NetBlog主题">
						<img style="width: 100%" src="/front/images/ad.jpg" alt="MZ-NetBlog主题">
					</a>
				</div>
				<div class="widget widget_sentence">
					<a href="#" target="_blank" rel="nofollow" title="专业网站建设"> <img
						style="width: 100%" src="/front/images/201610241224221511.jpg"
						alt="专业网站建设"></a>
				</div> -->
			</aside>
		</section>
		<footer class="footer">
			<div class="container">
				<p>
					Copyright &copy; 2016.Company name All rights reserved.
				</p>
			</div>
			<div id="gotop">
				<a class="gotop"></a>
			</div>
		</footer>
		<script src="/front/js/bootstrap.min.js"></script>
		<script src="/front/js/jquery.ias.js"></script>
		<script src="/front/js/scripts.js"></script>
	</body>
</html>
